// const List = () => {
//     return <>
//             <ul>
//                 <li>11</li>
//                 <li>22</li>
//                 <li>33</li>
//             </ul>
//         </>
// }

// export default List;


// HashRouter / BrowseRouter


// <HashRouter>
//     <div>
//         <NavLink to='/a'>11</NavLink>
//         <NavLink to='/b'>22</NavLink>
//         <NavLink to='/c'>33</NavLink>
//     </div>

//     <Switch>
//         <Route path='/a' component={A}></Route>
//         <Route path='/b' component={B}></Route>
//         <Route path='/c' component={C}></Route>
//         <Redirect  to={c} />
//     </Switch>
// </HashRouter>





// Hash路由
// location.hash.slice(1) // aa

// window.location.hash = '/'   //  #/

// window.onhashchange = function() {

// }

// {
//     path: '/aaa',
//     component: 'aaa',
//     name: 'A组件',
//     meta:{

//     }
// }

// <>菜单区域</>


// <div>匹配到路由展示的区域</div>


// http://baidu.com/play/#aaa/bbb/ccc




// history.go(n/-1/1)

// history.pushState({}, '', '/')
// history.replaceState({}, '', '/')

// window.onpopstate = function() {

// }


// window.location.pathname = '/';


// const navigate = useNavigate();
// navigate('/c');
// navigate('/c/100/react')

// navigate({
//     pathname:'/c',
//     search:'a=1&b=2'
// })
// <HashRouter>
//     <Routes>
//         <Route path='/c' element={<Component />} />
//         <Route>
//             <Route path='/c' element={<navigate to='/c/c1' replace/>} />
//             <Route path='/c' element={<navigate to='/c/c1' replace/>} />
//             <Route path='/c' element={<navigate to='/c/c1' replace/>} />
//             <Route path='/c' element={<navigate to='/c/c1' replace/>} />
//             <Route path='/c' element={<navigate to='/c/c1' replace/>} />
//         </Route>

//         <Route path='*' element={<Navigator to='/c' />} />
//     </Routes>
// </HashRouter>


// useLocation       useSearchParams, useParams
//  search/state



//  [{"id": 81" "path":"demo" "key":"demo","1abe1":"Demo死画"),i"id":"02","path":"ist","key":"1ist","1abe1":"引表","children":["id":"0201","path":"searchiable"
//     {"id":"0202","path":"table","key":"list/table","label":"表格页"}]},{"id":"04"
//     。"oa七!
//     "results ,kev":results.."1
//     "kev":"1ist/searchTable""1abe]":"查询表格而“
//     ","ev!:PeGUtSSUCCeS:
//     "label":"成功页"
//     {"id":"0402","path":"fail","key":"results/fail","1abe1":"失败页"}]}]





// [
//   {
//     id: '01',
//     key: 'demo',
//     label:'demo页面',
//     path:'demo'
//   },{
//     id: '02',
//     key: 'list',
//     label:'列表页',
//     path:'list',
//     children:[
//         {
//             d: '0201',
//             key: 'list/table',
//             label:'列表页表格',
//             path:'table',
//         },
//         {
//             d: '0202',
//             key: 'list/news',
//             label:'',
//             path:'table',
//         }
//     ]
//   }
// ]